import "../styles/globals.css";
import Link from "next/link";
import Head from "next/head";
import "../styles/app.css"

function MyApp({ Component, pageProps }) {
  return (
    <div>
      <header>
        <Head>
          <title>网页标题</title>
        </Head>
        <div>
          <h2>导航栏</h2>
          <Link href="/">
            <a>首页</a>
          </Link>
          <Link href="/about">
            <a>关于</a>
          </Link>
          <Link href="/profile">
            <a>我的</a>
          </Link>
        </div>
        <hr />
      </header>

      <Component {...pageProps} />

      <footer>
        <hr />
        <p>页尾</p>
      </footer>
    </div>
  );
}

export default MyApp;
